@import "./../common/size";

.message-page{
  flex: 1;
  .message-list{
     border-bottom: 1px solid #eee;
     padding: 10px;
     background: #fff;
     display: flex;
    .avator{
      width: 40px;
      height: 40px;
      border-radius: 20px;
      background: #f40;
      background-position: center center;
      background-repeat: no-repeat;
      background-size: cover;
    }

    .content{
       flex:1;
       padding: 3px 10px;
    }

    .user_name{
      color: #333;
      font-size: 12px;
      font-weight: 600;
    }

    .date_time{
      color: #888;
      margin-left: 10px;
    }

    .top{
      margin-bottom: 15px;
    }

    .title{
       color: $themeColor;
    }

    .message-feed{
      font-size: 14px;
      color: #333;
    }

    .markdown-body{
      padding: 5px;
      margin-top: 10px;
      border-radius: 5px;
      background: #eee;
    }


  }
}